<style>

</style>
<template>
    <div class="ly-step-item" :class="{active:active}"
         :style="{'z-index':index}">
        <slot></slot>
        <div class="ly-step-left"></div>
        <div  class="ly-step-right"></div>
    </div>
</template>
<script>
    Rap.define('','',function () {
        return {
            name:'ly-step',
            data:function () {
              return {
                  active:false,
                  index:1
              }
            },
            computed: {
                owner: function () {
                    var parent = this.$parent;
                    return this.$parent;
                }
            }
            ,created:function () {

            },methods:{
                computeCheck:function (value,length,index) {
                    this.active=value>=index;
                    this.index=length-index;
                }
            }
        }
    });
</script>
